﻿/* --- Google Web Fonts ---*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('fonts/montserrat.eot') format('embedded-opentype'), url('fonts/montserrat.woff') format('woff'), url('fonts/montserrat.ttf') format('truetype');
}

input::-ms-clear {
    height: 0px;
    width: 0px;
}

.fontSize2em{
    font-size: 2em;
}

.imglogoid
{
    margin-top:18px !important;
}
.logoid
{    
    margin-top: 18px !important;
}

#HeaderChangePass_imglogoid
{
    margin-top: 1px !important;
}


.minHeight0{
    min-height:0px;
}
.marginTop-1px{
    margin-top:-1px;
}
.marginBottom0px{
    margin-bottom:0px !important;
}

#menu_nav_header span a 
{
    display:block;
    height:21px;
    width:177px;
    background:url(Images/trintech-cadency-logo.svg) 0 0 no-repeat;
    text-indent:-9999px;
    position: relative;
    top: -3px;
}

.menu_nav_body 
{
    background-color: #f9f9f9;
}

.main-div-wrapper
{
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: -69px;
}

.content-footer
{
    position: relative;
    top: -69px;
}

.menu_nav_login_body 
{
    background-color: #005261;
}

.menu_nav_mod_content
{
    background-color: #f9f9f9;
}

#menu_nav_container{
    background-color:#005261;
    height:96px;
    width:100%;
    margin-bottom:26px;
}

#divHeader{
    background-color:#fff;
    height:96px;
    width:100%;
    margin-bottom:26px;
}


#menu_nav_header 
{    
    margin-left:10px;
    margin-right:10px;
    height:45px;
}

#menu_nav_welcome_nav 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #fff;
    position:absolute;
    top:18px;
    right:13px;
}

#menu_nav_welcome_nav span.menu_nav_welcome_nav_div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #fff;
}

#menu_nav_welcome_nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.menuHeader
{  
    margin-left: 10px;
    margin-right: 10px;
}

.clickable {
    cursor:pointer;
}


.divMenu_mega {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 12px;
	background: #eae29f;
}

#cadency_login_logo
{
    display: block;
    margin: auto;
    padding-bottom: 20px;
    width: 286px
}

/*-- BEGIN: Alert Styles --*/
.alert-container
{    
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
    max-width:664px;    
    min-width:380px;
}
.alert-container ul li
{
    text-align:left;
}

.alert {
    border: none;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
}

.validation-summary-errors ul{    
    padding-top: 0px;
    margin-top: 0px;
}

.alert ul {
    padding-top: .5em;
    margin-bottom: 0;
}

.alert-dismissible .close {
    line-height: 1.4em;
}

.alert-success {
    background: url(../images/alert-success-green.svg);
    background-color: #E9F1D7;
}

.alert-warning {
    background: url(../images/alert-warning-orange.svg);
    background-color: #FFF1D2;
}

.alert-danger {
    background: url(Images/alert-danger-red.svg);
    background-color: #F9DEDE;
}

.alert-info {
    background: url(../images/alert-info-blue.svg);
    background-color: #E1F3F8;
}

.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
    background-position: 15px 8px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    color: #333;
    line-height: 1.4em;
    padding-left: 50px;
    font-size:16px;
    font-weight:normal;
}
.alert-success.dialog button,
.alert-warning.dialog button,
.alert-danger.dialog button,
.alert-info.dialog button {
    margin-top: 1em;
}
/*-- END: Alert Styles --*/

/*-- BEGIN: Data Table Styles --*/

.data-table {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  border-spacing: 0;
}
.data-table thead, .data-table thead a{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#333;
    text-decoration:none;
    background-color: #eeeeee;
    text-align: left;
}
.data-table tr:nth-child(even) {
  background-color: #f6f6f6;
}
.data-table th, .data-table td {
  border-right: 1px solid #ccc;
  padding: 5px;
}
.data-table th:last-child, .data-table td:last-child {
  border-right: 0;
}

.data-table tfoot {
    background-color: #f6f6f6;    
}

.data-table tfoot td{
       border-top: 1px solid #ccc;
}


.pagination-wrapper {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-top: 0;
  overflow: hidden;
}
.pagination-wrapper td {
  border-right: 0;
}
.pagination-wrapper .pagination {
  color: #333;
  font-size: .9em;
  margin: 5px 5px 0 5px;
}
.pagination-wrapper .items,
.pagination-wrapper .page-size {
  color: #666666;
  font-size: .9em;
  line-height: 1;
  padding-left: 15px;
}
.pagination-wrapper .pagination-info {
  font-size: .9em;
  text-align: right;
}
.pagination-wrapper .pagination-info span {
  display: inline-block;
  padding-right: 15px;
}

/*-- END: Data Table Styles --*/

/*-- BEGIN: Login Container --*/
#login_container
{
    color: #333333;
}

#dashboard_login_table
{
    padding: 20px 47px 47px 47px;
    width: 100%;
}

#dashboard_login_table > tbody > tr > td
{
    width: 100%;
}

#loginIdTextBox
{
    height: 50px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

#passwordTextBox
{
    height: 50px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

#dashboard_login_subtable
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#dashboard_login_subtable > tbody > tr > td
{
    width: 50%;
}

.dashboard_login_label
{
    width: 100%;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #333333;
    
}

.login_textbox
{
    width: 100%;
    background-color: $ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #333333;
    border-color: #eeeeee;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 10px;
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
    border-radius:5px;
}

.dashboard_login_container .dashboard_login_container_content {
    background-color: #ffffff;   
    border-radius: 10px; 
}

.dashboard_login_header_container{
    margin: 0 auto;
}

.dashboard_login_footer
{
    display:block;
    line-height: 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}
.dashboard_login_footer_logo {   
    margin-top:10px;
    margin-bottom:10px;
    background:url(Images/New_Trintech_logo.png) no-repeat;
    background-size:90px 19px;
    width: 90px;
    height: 19px;
}

#chkRememberMe
{
    margin: 0;
    position: relative;
    top: 4px;
}

#languageDropDownList_Input{
    font-family: Arial, Helvetica, sans-serif;
}

#loginButton
{
    width: 100%;
    height: 50px;
    background-color: #c9dd9a;
    color: #005261;
    border: none;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    margin-top:10px;
}

#trintech_login_logo
{
    display: block;
    margin: auto;
    padding-top: 80px;
}

/*-- END: Login Container --*/

/*-- Button Styles --*/
.btn
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    height: 25px;
}

.height23px{     
    height: 23px;
}

.width65px{     
    width: 65px;
}
.textAlignLeft{
    text-align: left !important;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0267bf;
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #014682;
}

.btn.btn-secondary {
    color: #0264ba;
    background-color: #fafcfe;
    border-color: #0264ba;
}

.btn.btn-secondary:hover
{
    color: #0264ba;
    background-color: #d0e3f6;
    border-color: #01437d;
}
.btn.btn-toolbarSave{
    font-weight:bold;
    padding:1px 1px;
}

.k-button:hover
{
    color: #0264ba;
    background-color: #d0e3f6;
    border-color: #01437d;
}

.k-button
{
    color: #0264ba;
    background-color: #fafcfe;
    border-color: #0264ba;
    font-weight: bold;
}

.k-window .delete-confirm
{
    color: #fff;
    background-color: #0275d8;
    border-color: #0267bf;
}
.k-window .delete-confirm:hover
{
    color: #fff;
    background-color: #025aa5;
    border-color: #014682;
}

.new-binder-cancel {
    float: right;
}

.new-binder-ok {
    float: right;
    margin-right: 2px;
}

/*-- END: Button Styles --*/